<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>产品列表</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/goods.css">
	<script src="js/jquery-1.9.0.min.js"></script>
	<script src="js/index..js"></script>
</head>
<body>
	<div id="container">
		<div id="pagetop" style="position: relative;">
			<div class="indexlogo"><img src="images/logo.gif" alt=""></div>
			<div class="topinfo">
				<span>欢迎来到麦子商城!要购物请<a href="javascript:;">[登录]</a>新用户请<a href="javascript:;">[注册]</a></span>
			</div>
			<div class="topnav" style="clear: both; position: absolute;top: 10px;left:550px;">
				<div class="topnavlist">
					<ul>
						<li><a href="javascript:;">帮助中心|</a></li>
						<li><a href="javascript:;">客服反馈|</a></li>
						<li><a href="javascript:;">网站地图|</a></li>
						<li><a href="javascript:;">加入收藏</a></li>
						<li><a href="javascript:;">2018/8/10</a></li>
					</ul>
					<div><marquee behavior="" direction="up" style="height: 25px;text-indent: 50px;"><a href="javascript:;">明天有秒杀活动</a></marquee></div>
				</div>
			</div>

			<!-- 主导航 -->
			<div id="nav" style="clear: both;">
				<div>
					<ul id="navlist">
						<li><a href="javascript:;" class="active">网站首页|</a></li>
						<li><a href="javascript:;">分类导航|</a></li>
						<li><a href="javascript:;">品牌导航|</a></li>
						<li><a href="javascript:;">购物帮助|</a></li>
						<li><a href="javascript:;">新闻资讯|</a></li>
						<li><a href="javascript:;">报价单|</a></li>
						<li><a href="javascript:;">发货单</a></li>
					</ul>
				</div>
				<div class="soushuo">
					<span style="margin-right: 2px;">商品搜索:</span>
					<span>
						<select name="" id="" style="width: 110px;">
							<option value="">所有分类</option>
							<option value="">最新商品</option>
							<option value="">热卖商品</option>
						</select>
					</span>
					<span>
						<input type="text" value="abc" maxlength="50" style="width: 280px;">
						<input type="button" value="搜索">
					</span>
					<span>
						<a href="gaoji,html" style="color: #fff">高级组合搜索</a>
					</span>
					<div style="background: url('images/img/d3.jpg');width:305px;height: 24px;float: right;line-height: 24px;margin-right: 10px;">
					</div>
					<span style="position: absolute;right: 180px;">
						<a href="gouwu.html" style="color: #333">购物车暂时为空</a>
					</span>
					<span style="position: absolute; right: 90px;">
						<a href="gouwu.html" style="color: #333">去结算</a>
					</span>
					<span style="position: absolute;right: 9px;">
						<a href="gouwu.html" style="color: #333">用户中心</a>
					</span>
				</div>
			</div>
		</div>
		<div id="pagebody">
			<div id="bleft">
				<div class="userbox" id="user">
					<h3>用户信息</h3>
					<ul>
						<li><span style="background: url('images/user/1.gif') no-repeat;background-size: 100% 100%;"></span>欢迎tigger<a href="javascript:;">[退出]</a></li>
						<li><span style="background: url('images/user/2.gif') no-repeat;background-size: 100% 100%;"></span>用户资料修改</li>
						<li><span style="background: url('images/user/3.gif') no-repeat;background-size: 100% 100%;"></span>订单管理</li>
						<li><span style="background: url('images/user/4.gif') no-repeat;background-size: 100% 100%;"></span>用户密码修改</li>
						<li><span style="background: url('images/user/5.gif') no-repeat;background-size: 100% 100%;"></span>管理优惠券(0)</li>
						<li><span style="background: url('images/user/6.gif') no-repeat;background-size: 100% 100%;"></span>兑换优惠券</li>
						<li><span style="background: url('images/user/7.gif') no-repeat;background-size: 100% 100%;"></span>登记记录</li>
						<li><span style="background: url('images/user/8.gif') no-repeat;background-size: 100% 100%;"></span>购物车(2)</li>
						<li><span style="background: url('images/user/9.gif') no-repeat;background-size: 100% 100%;"></span>我的收藏</li>
						<li><span style="background: url('images/user/10.gif') no-repeat;background-size: 100% 100%;"></span>对比框</li>
					</ul>
				</div>
				<div id="productbox" class="productbox">
					<h3>商品分类</h3>
					<div class="box">
						<h4><img src="images/img/dot.gif" alt="">家用电器</h4>
						<ul>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">厨房电器</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">个人护理</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">其他电器</a></span></li>
						</ul>
					</div>
					<div class="box">
						<h4><img src="images/img/dot.gif" alt="">家用电器</h4>
						<ul>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">厨房电器</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">个人护理</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">其他电器</a></span></li>
						</ul>
					</div>
					<div class="box">
						<h4><img src="images/img/dot.gif" alt="">家用电器</h4>
						<ul>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">厨房电器</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">个人护理</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">其他电器</a></span></li>
						</ul>
					</div>
					<div class="box">
						<h4><img src="images/img/dot.gif" alt="">家用电器</h4>
						<ul>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">厨房电器</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">个人护理</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">其他电器</a></span></li>
						</ul>
					</div>
					<div class="box">
						<h4><img src="images/img/dot.gif" alt="">家用电器</h4>
						<ul>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">厨房电器</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">个人护理</a></span></li>
							<li><span><a href="productype.html">大家电</a></span>|<span><a href="productype.html">其他电器</a></span></li>
						</ul>
					</div>
					<div class="box">
						<h4><img src="images/img/dot.gif" alt="">运动健康</h4>
						<ul>
							<li><span><a href="productype.html">户外运动</a></span>|<span><a href="productype.html">运动器材</a></span></li>
							<li><span><a href="productype.html">养生器械</a></span>|<span><a href="productype.html">健康食品</a></span></li>
						</ul>
						<span class="box_more"><a href="javascript:;">所有分类>></a></span>
					</div>
				</div>
				<div class="tuijiangoods productbox">
					<h3>分类推荐商品</h3>
					<div class="leftImg" style="background: url('images/goods/首页_11.png') center center no-repeat;background-size: 50% 50%;"></div>
					<div class="rightInfo">
						<p>创维(Skyworth)32英寸液晶电视32LO5HR(内置底座)</p>
						<span class="price">$3999.00<span>元</span></span>
					</div>
				</div>
			</div>
			<div id="b_main">
				<div class="position">
					<h3><span></span>你的位置: 首页>>家用电器(共3件商品,这是第1-3件)</h3>
					<p>子类列表: <a href="javascript:;">大家电</a><a href="javascript:;">厨房电器</a><a href="javascript:;">汽车用品</a><a href="javascript:;">个人护理</a><a href="javascript:;">生活电器</a><a href="javascript:;">其他电器</a></p>
				</div>
				<div class="g_lists">
					<div class="title">
						<div class="left">
							<ul>
								<li>网站推荐</li>
								<li>销量</li>
								<li>价格 升序</li>
								<li>价格 降序</li>
								<li>浏览量</li>
								<li>上架时间</li>
							</ul>
						</div>
						<div class="right">
							<span>显示方式: </span>
							<div>
								<span style="background: url('images/img/vm1.gif') left center; background-size: 100% 100%;width: 19px;height: 19px;"></span>
								<span style="background: url('images/img/vm2.gif') left center; background-size: 100% 100%;width: 19px;height: 19px;"></span>
							</div>
						</div>
					</div>
					<div class="list">
						<ul>
							<li>
								<span class="left" style="background: url('images/goods/首页_03.png');background-size: 100% 100%;"></span>
								<div class="right">
									<p><span style="background: url('images/img/dot.gif');background-size: 100% 100%;"></span>霍尼韦尔(asdgasdg)5010-CHN空气净化器</p>
									<div class="p">市场价:<div style="text-decoration: line-through;">$1998元</div><div class="price">会员价: $1298.00元</div>节省$700.00元</div>
								</div>
								<div class="btn">
									<button   style="background: url('images/img/buy.gif');background-size: 100% 100%;"></button>
									<button  style="background: url('images/img/duibi.gif');background-size: 100% 100%;"></button>
									<button  style="background: url('images/img/shoucang.gif');background-size: 100% 100%;"></button>
								</div>
							</li>
							<li>
								<span class="left" style="background: url('images/goods/首页_09.png');background-size: 100% 100%;"></span>
								<div class="right">
									<p><span style="background: url('images/img/dot.gif');background-size: 100% 100%;"></span>霍尼韦尔(asdgasdg)5010-CHN空气净化器</p>
									<div class="p">市场价:<div style="text-decoration: line-through;">$1998元</div><div class="price">会员价: $1298.00元</div>节省$700.00元</div>
								</div>
								<div class="btn">
									<button  style="background: url('images/img/buy.gif');background-size: 100% 100%;"></button>
									<button  style="background: url('images/img/duibi.gif');background-size: 100% 100%;"></button>
									<button  style="background: url('images/img/shoucang.gif');background-size: 100% 100%;"></button>
								</div>
							</li>
							<li>
								<span class="left" style="background: url('images/goods/首页_11.png');background-size: 100% 100%;"></span>
								<div class="right">
									<p><span style="background: url('images/img/dot.gif');background-size: 100% 100%;"></span>霍尼韦尔(asdgasdg)5010-CHN空气净化器</p>
									<div class="p">市场价:<div style="text-decoration: line-through;">$1998元</div><div class="price">会员价: $1298.00元</div>节省$700.00元</div>
								</div>
								<div class="btn">
									<button  style="background: url('images/img/buy.gif');background-size: 100% 100%;"></button>
									<button  style="background: url('images/img/duibi.gif');background-size: 100% 100%;"></button>
									<button  style="background: url('images/img/shoucang.gif');background-size: 100% 100%;"></button>
								</div>
							</li>
						</ul>
					</div>
					<div class="bottom">
						<p>第1页/共1页</p>
						<p>页面跳转: <input type="text" value="1"><input type="button" value="GO"></p>
						<span>
							<input type="button" value="首页">
							<input type="button" value="上一页">
							<input type="button" value="1" name="page">
							<input type="button" value="下一页">
							<input type="button" value="末页">
						</span>
					</div>
				</div>
			</div>
		</div>
		<div id="pagefooter">
			<div>
				<h3>关于我们</h3>
				<ul>
					<li><span></span>发展历程</li>
					<li><span></span>联系方式</li>
					<li><span></span>公司介绍</li>
					<li><span></span>企业文化</li>
				</ul>
			</div>
			<div>
				<h3>付款方式</h3>
				<ul>
					<li><span></span>发展历程</li>
					<li><span></span>联系方式</li>
					<li><span></span>公司介绍</li>
					<li><span></span>企业文化</li>
				</ul>
			</div>
			<div>
				<h3>送货方式</h3>
				<ul>
					<li><span></span>发展历程</li>
					<li><span></span>联系方式</li>
					<li><span></span>公司介绍</li>
					<li><span></span>企业文化</li>
				</ul>
			</div>
			<div>
				<h3>售后服务</h3>
				<ul>
					<li><span></span>发展历程</li>
					<li><span></span>联系方式</li>
					<li><span></span>公司介绍</li>
					<li><span></span>企业文化</li>
				</ul>
			</div>
			<div>
				<h3>购物帮助</h3>
				<ul>
					<li><span></span>发展历程</li>
					<li><span></span>联系方式</li>
					<li><span></span>公司介绍</li>
					<li><span></span>企业文化</li>
				</ul>
			</div>
			<div class="p_info">
				<p>淘宝店易趣店拍拍店有啊店</p>
				<p>Copyright 2018 168.163.0.105 .All Rights Reseverved 版权所有: 进哥***有限公司</p>
				<p>客服热线: 123456789  传真 : 020-456789</p>
			</div>
		</div>
	</div>
</body>
</html>